<template>
        <div class="w-100 h-100 d-flex">
         <div v-for="item in list" style="width: 33%;height: 100%;">
           <ballDisplay :data="item" ></ballDisplay>
         </div>
        </div>
</template>
    
<script setup lang='ts'>
    import ball from '@/assets/image/underGround/ball.png'
    import ballDisplay from '@/components/project/ballDisplay.vue'
    const list =ref([
        {
            name:'总数/个',             
            value:'1212 ',
            position:'top'
        },
        {
            name:'面积/km²',             
            value:'145',
            position:'bottom'

        },
        {
            name:'防护等级',             
            value:'12 ',
            position:'top'

        },

    ])
</script>
    
<style>
    
</style>